{% extends 'ApiCloud/Base/layout.common.html.twig' %}

{% block main %}
    {% include "ApiCloud/Base/inc.head.light.html.twig" with {title:"考勤报表",back:1} %}
    <div class="bdtso">
        <div class="flrc">
            <div class="flex1 tac">
                <div class="fs30">
                    <span>[[day]]</span>
                </div>
                <div class="c12">本月/天</div>
            </div>
            <div class="flex1 tac">
                <div class="fs30">
                    <span>[[singIn]]</span>
                </div>
                <div class="c12">签到/次</div>
            </div>
            <div class="flex1 tac">
                <div class="fs30">
                    <span>[[out]]</span>
                </div>
                <div class="c12">签退/次</div>
            </div>
        </div>
        <div class="flrc bc3 mart10 c11">
            <div class="">
                <mu-button @click="last()" icon>
                    <mu-icon value="keyboard_arrow_left"></mu-icon>
                </mu-button>
            </div>
            <div class="flex1 tac">[[show]]</div>
            <div class="">
                <mu-button @click="next()"  icon>
                    <mu-icon value="keyboard_arrow_right"></mu-icon>
                </mu-button>
            </div>
        </div>
    </div>

    <div class="bdtso padt10">
        <div class="flex-r flex-wrap flex-start">
            <div class="dateItem op9" v-for="item in list">
                <div v-if="item.in + item.out == 0">
                    <div class="fs14 tac">[[item.num]]</div>
                    <div class="flrc tac fs6">
                        <div class="flex1 fa fa-check c11" v-if="item.in === 1"></div>
                        <div class="flex1 fa fa-warning c12" v-else></div>
                        <div class="flex1 fa fa-check c11" v-if="item.out === 1"></div>
                        <div class="flex1 fa fa-warning c12" v-else></div>
                    </div>
                </div>
                <div class="bc02 c13" v-if="item.in + item.out == 1">
                    <div class="fs14 tac">[[item.num]]</div>
                    <div class="flrc tac fs6">
                        <div class="flex1 fa fa-check c13" v-if="item.in === 1"></div>
                        <div class="flex1 fa fa-warning c13" v-else></div>
                        <div class="flex1 fa fa-check c13" v-if="item.out === 1"></div>
                        <div class="flex1 fa fa-warning c13" v-else></div>
                    </div>
                </div>
                <div class="bc01 c13" v-if="item.in + item.out == 2">
                    <div class="fs14 tac">[[item.num]]</div>
                    <div class="flrc tac fs6">
                        <div class="flex1 fa fa-check c13" v-if="item.in === 1"></div>
                        <div class="flex1 fa fa-warning c13" v-else></div>
                        <div class="flex1 fa fa-check c13" v-if="item.out === 1"></div>
                        <div class="flex1 fa fa-warning c13" v-else></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="fs9 lh2 c12 pad5 mart10">
        <div class="list-style-2">说明</div>
        <div>
            <span class="fa fa-check"></span>
            <span class="fa fa-check"></span>
            <span>:为签到签退完整</span>
        </div>
        <div class="">
            <span class="fa fa-check"></span>
            <span class="fa fa-warning"></span>
            <span>:为未签退</span>
        </div>
    </div>
{% endblock %}
